<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>


<h:body>
	<ui:composition template="/XHTML/CommonColumnsContent.xhtml">
		<ui:define name="header">
			<ui:include src="/WEB-INF/facelets/header.html" />
		</ui:define>
		<ui:define name="body">
			<f:view>
				<p:ajaxStatus onstart="statusDialog.show();"
					onsuccess="statusDialog.hide();" />
				<p:dialog modal="true" widgetVar="statusDialog" header="Procesando"
					draggable="false" closable="false">
					<p:graphicImage width="280px" height="40px"
						value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/loading.gif" />
				</p:dialog>
				<br />
				<br />
				<h:form id="form">
					<p:panel id="panel2">
						<p:growl id="men" />
						<f:facet name="header">
							<p:commandButton value="Volver"
								action="menuTipos.xhtml?faces-redirect=true"
								icon="ui-icon-arrowreturnthick-1-w" />
						</f:facet>
						<p:messages id="msg2" />
						<h:panelGrid style="margin: 0 auto;">
							<p:dataTable
								value="#{descuentoComercialView.descuentoComercialModel}"
								id="dComercial" var="descuentoComercial"
								selection="#{descuentoComercialView.selectedDescuentoComercial}"
								paginator="true" rows="5" >

								<f:facet name="header">
									Descuento Comercial
							   </f:facet>

								<p:column selectionMode="single" style="width:2%" />

								<p:column filterBy="#{descuentoComercial.idGrpo_Grupo2}"
									sortBy="#{descuentoComercial.idGrpo_Grupo2}">
									<f:facet name="header">
										<h:outputText value="Grupo" />
									</f:facet>
									<h:outputText value="#{descuentoComercial.idGrpo_Grupo2}" />
								</p:column>

								<p:column filterBy="#{descuentoComercial.idPers_Persona2}"
									sortBy="#{descuentoComercial.idPers_Persona2}">
									<f:facet name="header">
										<h:outputText value="Persona" />
									</f:facet>
									<h:outputText value="#{descuentoComercial.idPers_Persona2}" />
								</p:column>

								<p:column filterBy="#{descuentoComercial.idSucu_Sucursal2}"
									sortBy="#{descuentoComercial.idSucu_Sucursal2}">
									<f:facet name="header">
										<h:outputText value="Sucursal" />
									</f:facet>
									<h:outputText value="#{descuentoComercial.idSucu_Sucursal2}" />
								</p:column>
								<p:column filterBy="#{descuentoComercial.idEmpr_Empresa2}"
									sortBy="#{descuentoComercial.idEmpr_Empresa2}">
									<f:facet name="header">
										<h:outputText value="Empresa" />
									</f:facet>
									<h:outputText value="#{descuentoComercial.idEmpr_Empresa2}" />
								</p:column>
								
								<p:column filterBy="#{descuentoComercial.estadoRegistro}"
									sortBy="#{descuentoComercial.estadoRegistro}">
									<f:facet name="header">
										<h:outputText value="Estado Registro" />
									</f:facet>
									<h:outputText value="#{descuentoComercial.estadoRegistro}" />
								</p:column>
								

								<f:facet name="footer">
									<p:commandButton id="createButton" value="Crear"
										action="#{descuentoComercialView.action_crear()}"
										icon="ui-icon-newwin" update=":form"
										binding="#{descuentoComercialView.btnCrear}"
										oncomplete="PF('singleCarDialog').show()" />

									<p:commandButton id="viewButton" value="Editar"
										action="#{descuentoComercialView.action_buscar2()}"
										icon="ui-icon-pencil" update=":form"
										binding="#{descuentoComercialView.btnModify}"
										oncomplete="PF('singleCarDialog').show()" />
								</f:facet>

							</p:dataTable>

							<p:dialog id="dialog" header="Detalle Descuento Comercial"
								modal="true" widgetVar="singleCarDialog" resizable="false"
								showEffect="fade" hideEffect="explode" closable="false"
								position="top">

								<p:messages id="msg" />

								<h:panelGrid id="panelBotones" columns="2"
									style="margin: 0 auto;">

									<p:commandButton id="btnGuardar" value="Guardar"
										disabled="true"
										action="#{descuentoComercialView.action_modify}"
										binding="#{descuentoComercialView.btnSave}"
										icon="ui-icon-disk" update="panel,panelBotones,msg2" />

									<p:commandButton id="btnCerrar" value="Cerrar"
										icon="ui-icon-close" update=":form"
										oncomplete="PF('singleCarDialog').hide()" process="@this"
										actionListener="#{descuentoComercialView.action_cerrar()}">
										<p:resetInput target="panel" />
									</p:commandButton>

								</h:panelGrid>
								<br />

								<h:panelGrid columns="12" id="panel" style="margin: 0 auto;">

									


									<h:outputText id="msgFechaInicial" value=" Fecha Inicial: *" />
									<p:calendar showOn="button" navigator="true" locale="en" id="fechaI"
										binding="#{descuentoComercialView.txtFechaInicial}" required="true" disabled="true"
										requiredMessage="Selección requerida Fecha Inicial">
										<p:ajax event="dateSelect"
											listener="#{descuentoComercialView.listener_txtFechaInicial()}"
											update="men" />
									</p:calendar>
									<p:message for="fechaI" display="icon" />

									<h:outputText id="msgFechaFinal" value=" Fecha Final: *" />
									<p:calendar showOn="button" navigator="true" locale="en" id="fechaF"
										binding="#{descuentoComercialView.txtFechaFinal}" required="true" disabled="true"
										requiredMessage="Selección requerida Fecha Final">
										<p:ajax event="dateSelect"
											listener="#{descuentoComercialView.listener_txtFechaFinal()}"
											update="men" />
									</p:calendar>
									<p:message for="fechaF" display="icon" />

														<h:outputText id="msgEspacios" value="Espacios:" />
									<p:inputText id="txtEspacios" disabled="true"
										binding="#{descuentoComercialView.txtEspacios}" />
									<br />

									<h:outputText id="msgEstadoPlano" value=" Estado Plano:" />
									<p:selectOneMenu id="txtEstadoPlano"
										value="#{descuentoComercialView.selectItemPlano}"
										disabled="true"
										binding="#{descuentoComercialView.txtEstadoPlano}"
										style="width:100%">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItem itemLabel="Si" itemValue="1" />
										<f:selectItem itemLabel="No" itemValue="0" />
									</p:selectOneMenu>
									<p:message for="txtEstadoPlano" display="icon" />

									<h:outputText id="msgCreadoAutomatico"
										value=" Creado Automatico :" />
									<p:selectOneMenu id="txtCreadoAutomatico"
										value="#{descuentoComercialView.selectItemCreado}"
										disabled="true"
										binding="#{descuentoComercialView.txtCreadoAutomatico}"
										style="width:100%">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItem itemLabel="Si" itemValue="1" />
										<f:selectItem itemLabel="No" itemValue="0" />
									</p:selectOneMenu>
									<p:message for="txtCreadoAutomatico" display="icon" />

									<h:outputText id="msgTodasSucursales"
										value=" Todas las Sucursales :" />
									<p:selectOneMenu id="txtTodasSucursales"
										value="#{descuentoComercialView.selectItemTodas}"
										disabled="true"
										binding="#{descuentoComercialView.txtTodasSucursales}"
										style="width:100%">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItem itemLabel="Si" itemValue="1" />
										<f:selectItem itemLabel="No" itemValue="0" />
									</p:selectOneMenu>
									<p:message for="txtTodasSucursales" display="icon" />


									<h:outputText id="msgPorcDescItem" value="Porc DescItem :" />
									<p:inputText id="txtPorcDescItem" disabled="true"
										placeholder="000.000"
										binding="#{descuentoComercialView.txtPorcDescItem}" />
									<br />
									<h:outputText id="msgPorcDescMinItem"
										value="Porc Desc MinItem :" />
									<p:inputText id="txtPorcDescMinItem" disabled="true"
										placeholder="000.000"
										binding="#{descuentoComercialView.txtPorcDescMinItem}" />
									<br />

									<h:outputText id="msgPorcDescMaxItem"
										value="Porc Desc MaxItem :" />
									<p:inputText id="txtPorcDescMaxItem" disabled="true"
										placeholder="000.000"
										binding="#{descuentoComercialView.txtPorcDescMaxItem}" />
									<br />

									<h:outputText id="msgTipoAsocGrupoItem"
										value="Tipo AsocGrupoItem :" />
									<p:inputText id="txtTipoAsocGrupoItem" disabled="true"
										placeholder="000"
										binding="#{descuentoComercialView.txtTipoAsocGrupoItem}" />
									<br />

									<h:outputText id="msgAsocGrupoItem" value="AsocGrupoItem :" />
									<p:inputText id="txtAsocGrupoItem" disabled="true"
										binding="#{descuentoComercialView.txtAsocGrupoItem}" />
									<br />


									<h:outputText id="msgEstadoRegistro"
										value=" Estado Registro: *" />
									<p:selectOneMenu id="txtEstadoRegistro"
										value="#{descuentoComercialView.selectItemEstado}"
										disabled="true"
										binding="#{descuentoComercialView.txtEstadoRegistro}"
										style="width:100%" required="true"
										requiredMessage="Selección requerida Estado Registro">
										<f:selectItem itemLabel="Seleccionar" itemValue="" />
										<f:selectItem itemLabel="Activo" itemValue="A" />
										<f:selectItem itemLabel="Retirado" itemValue="R" />
									</p:selectOneMenu>
									<p:message for="txtEstadoRegistro" display="icon" />

									
								</h:panelGrid>
								<p:separator />
								<p:accordionPanel id="acordion" activeIndex="1"
									binding="#{descuentoComercialView.acordion}">
									<p:tab title="Grupo" disabled="false"
										binding="#{descuentoComercialView.txtPGrupo}">
										<h:panelGrid style="margin: 0 auto;">
											<p:dataTable id="grupo" value="#{descuentoComercialView.grupoModel}"
												var="grupo"
												selection="#{descuentoComercialView.selectedGrupo}"
												paginator="true" rows="3" style="margin: 0 auto;">

												<f:facet name="header">
												Grupo
												</f:facet>

												<p:column selectionMode="single" style="width:2%" />


												<p:column filterBy="#{grupo.grupo_1}"
													sortBy="#{grupo.grupo_1}">
													<f:facet name="header">
														<h:outputText value="Grupo" />
													</f:facet>
													<h:outputText value="#{grupo.grupo_1}" />
												</p:column>

												<p:column filterBy="#{grupo.sugeridoPedido}"
													sortBy="#{grupo.sugeridoPedido}">
													<f:facet name="header">
														<h:outputText value="SugeridoPedido" />
													</f:facet>
													<h:outputText value="#{grupo.sugeridoPedido}" />
												</p:column>


												<p:column filterBy="#{grupo.idFlia_Familia}"
													sortBy="#{grupo.idFlia_Familia}">
													<f:facet name="header">
														<h:outputText value="Id Familia" />
													</f:facet>
													<h:outputText value="#{grupo.idFlia_Familia}" />
												</p:column>

												<p:column filterBy="#{grupo.idGrpo_Grupo}"
													sortBy="#{grupo.idGrpo_Grupo}">
													<f:facet name="header">
														<h:outputText value="Grupo Superior" />
													</f:facet>
													<h:outputText value="#{grupo.idGrpo_Grupo}" />
												</p:column>

												<p:column filterBy="#{grupo.especial}"
													sortBy="#{grupo.especial}">
													<f:facet name="header">
														<h:outputText value="Especial" />
													</f:facet>
													<h:outputText value="#{grupo.especial}" />
												</p:column>

												<p:column filterBy="#{grupo.estadoRegistro}"
													sortBy="#{grupo.estadoRegistro}">
													<f:facet name="header">
														<h:outputText value="Estado Registro" />
													</f:facet>
													<h:outputText value="#{grupo.estadoRegistro}" />
												</p:column>
												<f:facet name="footer">
													<p:commandButton id="noButton1" value="Quitar Selección"
														action="#{descuentoComercialView.desactivarGrupo()}"
														icon="ui-icon-circle-close" update="grupo" />
												</f:facet>
											</p:dataTable>
										</h:panelGrid>
									</p:tab>
								</p:accordionPanel>
								<p:separator />



								<p:accordionPanel id="acordion2" activeIndex="3"
									binding="#{descuentoComercialView.acordion2}">

									<p:tab title="Persona">
										<h:panelGrid style="margin: 0 auto">

											<p:dataTable value="#{descuentoComercialView.personaModel}" id="persona"
												var="persona"
												selection="#{descuentoComercialView.selectedPersona}"
												paginator="true" rows="3">

												<f:facet name="header">
									           Persona
							                    </f:facet>

												<p:column selectionMode="single" style="width:2%" />

												<p:column filterBy="#{persona.tipoIdentificacion}"
													sortBy="#{persona.tipoIdentificacion}">
													<f:facet name="header">
														<h:outputText value="Tipo Identificación" />
													</f:facet>
													<h:outputText value="#{persona.tipoIdentificacion}" />
												</p:column>

												<p:column filterBy="#{persona.identificacion}"
													sortBy="#{persona.identificacion}">
													<f:facet name="header">
														<h:outputText value="Identificación" />
													</f:facet>
													<h:outputText value="#{persona.identificacion}" />
												</p:column>

												<p:column filterBy="#{persona.primerNombre}"
													sortBy="#{persona.primerNombre}">
													<f:facet name="header">
														<h:outputText value="Primer Nombre" />
													</f:facet>
													<h:outputText value="#{persona.primerNombre}" />
												</p:column>

												<p:column filterBy="#{persona.primerApellido}"
													sortBy="#{persona.primerApellido}">
													<f:facet name="header">
														<h:outputText value="Primer Apellido" />
													</f:facet>
													<h:outputText value="#{persona.primerApellido}" />
												</p:column>

												<p:column filterBy="#{persona.estadoRegistro}"
													sortBy="#{persona.estadoRegistro}">
													<f:facet name="header">
														<h:outputText value="Estado Registro" />
													</f:facet>
													<h:outputText value="#{persona.estadoRegistro}" />
												</p:column>

												<f:facet name="footer">
													<p:commandButton id="noButton" value="Quitar Selección"
														action="#{descuentoComercialView.action_quitar()}"
														icon="ui-icon-circle-close" update="persona"
														binding="#{descuentoComercialView.btnQuitar}" />
												</f:facet>

											</p:dataTable>

										</h:panelGrid>

									</p:tab>

									<p:tab title="Sucursal">
										<h:panelGrid style="margin: 0 auto">

											<p:dataTable value="#{descuentoComercialView.sucursalModel}"
												id="sucursal" var="sucursal"
												selection="#{descuentoComercialView.selectedSucursal}"
												paginator="true" rows="3">

												<f:facet name="header">
									           Sucursal
							                    </f:facet>

												<p:column selectionMode="single" style="width:2%" />

												<p:column filterBy="#{sucursal.codigo}"
													sortBy="#{sucursal.codigo}">
													<f:facet name="header">
														<h:outputText value="Código" />
													</f:facet>
													<h:outputText value="#{sucursal.codigo}" />
												</p:column>

												<p:column filterBy="#{sucursal.direccion}"
													sortBy="#{sucursal.direccion}">
													<f:facet name="header">
														<h:outputText value="Dirección" />
													</f:facet>
													<h:outputText value="#{sucursal.direccion}" />
												</p:column>

												<p:column filterBy="#{sucursal.nombre}"
													sortBy="#{sucursal.nombre}">
													<f:facet name="header">
														<h:outputText value="Nombre" />
													</f:facet>
													<h:outputText value="#{sucursal.nombre}" />
												</p:column>

												<p:column filterBy="#{sucursal.idEmpr_Empresa}"
													sortBy="#{sucursal.idEmpr_Empresa}">
													<f:facet name="header">
														<h:outputText value="Id Empresa" />
													</f:facet>
													<h:outputText value="#{sucursal.idEmpr_Empresa}" />
												</p:column>

												<p:column filterBy="#{sucursal.idPers_Persona}"
													sortBy="#{sucursal.idPers_Persona}">
													<f:facet name="header">
														<h:outputText value="Id Persona" />
													</f:facet>
													<h:outputText value="#{sucursal.idPers_Persona}" />
												</p:column>

												<p:column filterBy="#{sucursal.estadoSucursal}"
													sortBy="#{sucursal.estadoSucursal}">
													<f:facet name="header">
														<h:outputText value="Estado Sucursal" />
													</f:facet>
													<h:outputText value="#{sucursal.estadoSucursal}" />
												</p:column>

												<f:facet name="footer">
													<p:commandButton id="noButton2" value="Quitar Selección"
														action="#{descuentoComercialView.action_quitar2()}"
														icon="ui-icon-circle-close" update="sucursal"
														binding="#{descuentoComercialView.btnQuitar2}" />
												</f:facet>

											</p:dataTable>

										</h:panelGrid>

									</p:tab>
									<p:tab title="Empresa">
										<h:panelGrid style="margin: 0 auto">

											<p:dataTable value="#{descuentoComercialView.empresaModel}" id="empresa"
												var="empresa"
												selection="#{descuentoComercialView.selectedEmpresa}"
												paginator="true" rows="3">

												<f:facet name="header">
									           Empresa
							                    </f:facet>

												<p:column selectionMode="single" style="width:2%" />

												<p:column filterBy="#{empresa.identificacion}"
													sortBy="#{empresa.identificacion}">
													<f:facet name="header">
														<h:outputText value="Identificación" />
													</f:facet>
													<h:outputText value="#{empresa.identificacion}" />
												</p:column>

												<p:column filterBy="#{empresa.nombre}"
													sortBy="#{empresa.nombre}">
													<f:facet name="header">
														<h:outputText value="Nombre" />
													</f:facet>
													<h:outputText value="#{empresa.nombre}" />
												</p:column>

												<p:column filterBy="#{empresa.email}"
													sortBy="#{empresa.email}">
													<f:facet name="header">
														<h:outputText value="Email" />
													</f:facet>
													<h:outputText value="#{empresa.email}" />
												</p:column>

												<p:column filterBy="#{empresa.telefono1}"
													sortBy="#{empresa.telefono1}">
													<f:facet name="header">
														<h:outputText value="Telefono1" />
													</f:facet>
													<h:outputText value="#{empresa.telefono1}" />
												</p:column>

												<p:column filterBy="#{empresa.estadoRegistro}"
													sortBy="#{empresa.estadoRegistro}">
													<f:facet name="header">
														<h:outputText value="Estado Registro" />
													</f:facet>
													<h:outputText value="#{empresa.estadoRegistro}" />
												</p:column>
												<f:facet name="footer">
													<p:commandButton id="noButton3" value="Quitar Selección"
														action="#{descuentoComercialView.action_quitar3()}"
														icon="ui-icon-circle-close" update="empresa"
														binding="#{descuentoComercialView.btnQuitar3}" />
												</f:facet>

											</p:dataTable>

										</h:panelGrid>

									</p:tab>



								</p:accordionPanel>
					<p:separator />
						<p:accordionPanel id="acordion3" activeIndex="1"
									binding="#{descuentoComercialView.acordion3}">
									<p:tab title="Sucursal de Descuento" disabled="false"
										binding="#{descuentoComercialView.txtPsucursal0}">
										<h:panelGrid style="margin: 0 auto;">
											<p:dataTable value="#{descuentoComercialView.sucursalModel0}"
												id="sucursal" var="sucursal"
												selection="#{descuentoComercialView.selectedSucursal0}"
												paginator="true" rows="3">

												<f:facet name="header">
									           Sucursal de Descuento
							                    </f:facet>

												<p:column selectionMode="single" style="width:2%" />

												<p:column filterBy="#{sucursal.codigo}"
													sortBy="#{sucursal.codigo}">
													<f:facet name="header">
														<h:outputText value="Código" />
													</f:facet>
													<h:outputText value="#{sucursal.codigo}" />
												</p:column>

												<p:column filterBy="#{sucursal.direccion}"
													sortBy="#{sucursal.direccion}">
													<f:facet name="header">
														<h:outputText value="Dirección" />
													</f:facet>
													<h:outputText value="#{sucursal.direccion}" />
												</p:column>

												<p:column filterBy="#{sucursal.nombre}"
													sortBy="#{sucursal.nombre}">
													<f:facet name="header">
														<h:outputText value="Nombre" />
													</f:facet>
													<h:outputText value="#{sucursal.nombre}" />
												</p:column>

												<p:column filterBy="#{sucursal.idEmpr_Empresa}"
													sortBy="#{sucursal.idEmpr_Empresa}">
													<f:facet name="header">
														<h:outputText value="Id Empresa" />
													</f:facet>
													<h:outputText value="#{sucursal.idEmpr_Empresa}" />
												</p:column>

												<p:column filterBy="#{sucursal.idPers_Persona}"
													sortBy="#{sucursal.idPers_Persona}">
													<f:facet name="header">
														<h:outputText value="Id Persona" />
													</f:facet>
													<h:outputText value="#{sucursal.idPers_Persona}" />
												</p:column>

												<p:column filterBy="#{sucursal.estadoSucursal}"
													sortBy="#{sucursal.estadoSucursal}">
													<f:facet name="header">
														<h:outputText value="Estado Sucursal" />
													</f:facet>
													<h:outputText value="#{sucursal.estadoSucursal}" />
												</p:column>

												<f:facet name="footer">
													<p:commandButton id="noButton4" value="Quitar Selección"
														action="#{descuentoComercialView.action_quitar4()}"
														icon="ui-icon-circle-close" update="sucursal"
														binding="#{descuentoComercialView.btnQuitar4}" />
												</f:facet>

											</p:dataTable>
										</h:panelGrid>
									</p:tab>
								</p:accordionPanel>
							</p:dialog>

						</h:panelGrid>
						

					</p:panel>

				</h:form>

			</f:view>
		</ui:define>

	</ui:composition>

</h:body>

</html>